<html>
	<head>
	<wicket:head>
		<style>
			.spreadSheet{
				margin: 10px;
				padding: 5px;
				border: 1px solid #DDDDDD;
			}
			
			.xcell{
				margin:0;
				padding:0;
			}
			
			.xcell td{
				border:none;
				height:15px;
				padding: 0;
				margin: 1px;
				
			}
		</style>
	</wicket:head>
	</head>
	<body>
		<wicket:panel>
			<div class="spreadSheet">
				<form wicket:id="ssform">
				<table class="xcell">
					<tr>
						<th style="padding:2px 5px;">#</th>
						<th style="padding:2px 5px;" wicket:id="thead">
							<label wicket:id="headttl"></label>
						</th>
						<th style="padding:2px 5px;">Delete</th>
					</tr>
					<tr wicket:id="rows">
						<td style="width:40px;"><label wicket:id="sno"></label></td>
						<form wicket:id="iform">
							<td wicket:id="cols">
								<input type="text" wicket:id="data" />
							</td>
							<td style="width:30px">
								<a href="#" wicket:id="delRow"><span style="margin-left:7px;" title="delete!" class="ui-icon ui-icon-circle-close">delete</span></a>
							</td>
						</form>
					</tr>
				</table>
				<div style="margin:10px 20px;">
					<input class="es-button ui-state-default ui-corner-all" type="submit" value="submit"/>
					&nbsp;or&nbsp;
					<a href="#" wicket:id="cancelInput">Cancel</a>
				</div>
				</form>
			</div>
		</wicket:panel>
	</body>
</html>